Common Elements

Headings - h1 to h6

There are six levels of headings. A heading describes the topic of a section in a logical order; think of a table of content compiled from headings and apply headings in a logical order.
Headings are often misused for the way they are displayed in a browser; you would not expect a table of content jumping from a heading level 4 to 6 nor should you do that in your markup . The purpose is to represent a logical order within a section.

This is heading 1

This is some text.

This is heading 2

This is some other text.

This is heading 3

This is some other text.

This is heading 4

This is heading 5
This is heading 6

Paragraph

Example paragraph grouping text content.

And here is a more interesting paragraph with a special copy right charaters,©.

Certain characters such as the copyright © or mathematical symbols are represented by character entities.



<p>©Copyright - no rights reserved!</p>

Block quoates

This is a quotation taken from the Mozilla Developer Center.

Words can be like X-rays, if you use them properly – they'll go through anything. You read and you're pierced.

– Aldous Huxley, Brave New World

Lists

Schedule for today

  1. Wake up, drink coffee
  2. Feed the cat
  3. Ponder on the duality of human existence

Places to visit

Div

Any element you wish!

Inline quoates

In the new world of semantic markup, "separation of content from how it is presented is key to modern web development" .

Hyperlink

href defines an external site example href defines a particular document in an external site href defines a document in the same site href defines a particular id (tel_no) within a document (about_us.html) in the same site href defines a particular id (top) in this document

Span

The following is wrapped in a span element for special styling.